   /* 头部 */
   
   .top {
       height: 89px;
       background-color: #fff;
       padding-left: 53px;
       box-sizing: border-box;
       padding-right: 75px;
       display: flex;
       justify-content: space-between;
       border-bottom: 1px solid #8c8c8c;
       position: sticky;
       top: 0;
       z-index: 666;
   }
   
   .top-list {
       width: 562px;
       position: relative;
   }
   
   .top-list>li {
       float: left;
       margin-right: 42px;
       font-size: 18px;
       height: 85px;
       line-height: 85px;
       font-weight: 300;
       /* cursor: pointer; */
       border-bottom: 4px solid transparent;
   }
   
   .man,
   .children,
   .woman,
   .type,
   .common,
   .newgood {
       cursor: pointer;
   }
   
   .top-list>li:hover {
       border-bottom: 4px solid rgba(0, 40, 80);
   }
   
   .top-left {
       display: flex;
       width: 785px;
       justify-content: space-between;
       align-items: center;
       height: 89px;
       float: left;
   }
   
   .top-right {
       float: right;
       display: flex;
       width: 466px;
       justify-content: space-between;
       height: 89px;
       align-items: center;
   }
   
   .right-search {
       position: relative;
   }
   
   .top-right #search {
       width: 174px;
       height: 38px;
       border: 1px solid #b1b1b1;
       border-radius: 8px;
       line-height: 38px;
       padding-left: 8px;
       box-sizing: border-box;
       color: #b1b1b1;
   }
   
   .search-con {
       width: 22px;
       height: 24px;
       background: url(img/spritesheet.png) no-repeat;
       background-position: -459px -146px;
       position: absolute;
       bottom: 6px;
       right: 19px;
       cursor: pointer;
   }
   
   .top-login {
       height: 25px;
   }
   
   .top-login .login-icon {
       background: url(img/spritesheet.png) no-repeat;
       background-position: -48px -5px;
       width: 25px;
       height: 23px;
       float: left;
       margin-right: 14px;
       cursor: pointer;
   }
   
   .top-login .login {
       cursor: pointer;
       float: left;
       color: #474747;
       float: left;
       cursor: pointer;
   }
   
   .shop-icon {
       width: 35px;
       height: 23px;
       background: url(img/spritesheet.png) no-repeat;
       background-position: -5px -5px;
       float: left;
       cursor: pointer;
       margin-right: 6px;
       position: relative;
   }
   
   .red-con {
       position: absolute;
       width: 25px;
       height: 25px;
       background: #ff233e;
       border-radius: 50%;
       text-align: center;
       color: white;
       top: -14px;
       left: -14px;
       line-height: 25px;
       font-size: 14px;
   }
   
   .top-shop .shop {
       color: #474747;
       cursor: pointer;
   }
   
   .top-banner1,
   .top-banner2,
   .top-banner3,
   .top-banner4,
   .top-banner5 {
       width: 270%;
       height: 370px;
       border-bottom: 1px solid #8c8c8c;
       background: #fff;
       padding-left: 248px;
       box-sizing: border-box;
       position: absolute;
       top: 89px;
       left: -275px;
       cursor: default;
       padding-top: 23px;
       z-index: 6;
   }
   
   .top-banner2 {
       height: 420px;
   }
   
   .top-banner3 {
       height: 500px;
   }
   
   .top-banner4 {
       padding: 0 53px;
       height: 417px;
   }
   
   .top-banner5 {
       padding-left: 53px;
   }
   
   .top-banner1 .banner-left,
   .top-banner2 .banner-left,
   .top-banner3 .banner-left {
       width: 690px;
       display: flex;
       justify-content: space-between;
       border-right: 1px solid #8c8c8c;
       float: left;
   }
   
   .banner-left p,
   .banner-right p {
       cursor: pointer;
       font-size: 17px;
       color: #474747;
       display: inline;
   }
   
   .top-banner1 .banner-left ul li,
   .top-banner2 .banner-left ul li,
   .top-banner3 .banner-left ul li {
       line-height: 30px;
       cursor: pointer;
       font-size: 17px;
       color: #474747;
   }
   
   .banner-left .right {
       margin-right: 139px;
   }
   
   .top-banner1 .banner-right,
   .top-banner2 .banner-right,
   .top-banner3 .banner-right {
       float: left;
       margin-left: 16px;
   }
   
   .top-banner1 .banner-right img,
   .top-banner2 .banner-right img,
   .top-banner3 .banner-right img {
       margin-bottom: 12px;
       cursor: pointer;
   }
   
   .top-banner4 .bannertype,
   .top-banner5 .bannertype {
       /* width: 1790px; */
       height: 350px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }
   
   .top-banner5 .bannertype {
       width: 66%;
       height: 350px;
   }
   
   .top-banner4 .bannertype dl {
       /* width: 337px; */
       width: 20%;
       height: 248px;
       margin-left: 20px;
   }
   
   .top-banner5 .bannertype dl {
       width: 50%;
       margin-right: 568px;
   }
   
   .top-banner4 .bannertype dt img,
   .top-banner5 .bannertype dl img {
       width: 100%;
       height: 211px;
       cursor: pointer;
   }
   
   .top-banner5 .bannertype dl img {
       width: 336px;
   }
   
   .top-banner4 .bannertype dl dd,
   .top-banner5 .bannertype dl dd {
       font-size: 14px;
       color: #646464;
       text-align: center;
       cursor: pointer;
   }
   
   .top-banner4 a {
       float: right;
       color: #646464;
       text-decoration: underline;
   }
   /* 底部 */
   
   .bottom {
       width: 100%;
       background: #e7e7e7;
   }
   
   .bottom .btop {
       height: 102px;
       border-bottom: 1px solid #b0b0b0;
       background: #e7e7e7;
   }
   
   .bottom .btop .top-list {
       display: flex;
       justify-content: space-between;
       width: 366px;
       align-items: center;
       height: 102px;
       margin: 0 auto;
   }
   
   .bottom .btop span:nth-of-type(1) {
       /* width: 80px; */
       height: 37px;
       display: inline-block;
       background: url(img/market.png) no-repeat;
       cursor: pointer;
   }
   
   .bottom .btop span i {
       margin-left: 46px;
       line-height: 34px;
       font-style: normal;
       font-size: 28px;
       color: #1d6dc4;
       font-weight: 500;
   }
   
   .bottom .btop span:nth-of-type(2) {
       /* width: 80px; */
       height: 37px;
       display: inline-block;
       background: url(img/market.png) no-repeat;
       cursor: pointer;
   }
   
   .bottom .copy {
       padding: 0 168px;
       box-sizing: border-box;
       margin-top: 50px;
       font-size: 14px;
       float: left;
   }
   
   .bottom .copy img,
   .bottom .china img {
       display: inline;
   }
   
   .bottom .middle {
       height: 115px;
   }
   
   .bottom .china {
       float: right;
       margin-top: 50px;
       font-size: 14px;
       padding: 0 16px;
       box-sizing: border-box;
       padding-right: 177px;
       cursor: pointer;
   }
   
   .bottom .china img {
       vertical-align: middle;
   }
   
   .bottom .lastmessage {
       height: 358px;
       background: #e7e7e7;
       display: flex;
       justify-content: space-between;
   }
   
   .bottom .lastmessage .lastL {
       width: 751px;
       height: 294px;
       /* background-color: cornflowerblue; */
       display: flex;
       padding-left: 168px;
       box-sizing: border-box;
       justify-content: space-between;
       margin-right: 155px;
   }
   
   .bottom .lastmessage .lastL ul {
       font-size: 14px;
   }
   
   .bottom .lastmessage .lastL ul b,
   .bottom .lastmessage .lastL ul li {
       line-height: 37px;
   }
   
   .bottom .lastmessage .lastL ul li {
       color: #545654;
       cursor: pointer;
   }
   
   .bottom .lastmessage .lastL ul li:hover {
       text-decoration: underline;
   }
   
   .lastR img {
       display: inline;
       margin: 21px 0 17px 18px;
       cursor: pointer;
   }
   
   .lastR {
       margin-top: 20px;
       padding-right: 177px;
       box-sizing: border-box;
       text-align: right;
       width: 300px;
   }
   
   .lastR i {
       font-style: normal;
       font-size: 14px;
       font-weight: bold;
       margin-bottom: 17px;
       display: inline-block;
       width: 128px;
   }
   
   .lastR em {
       display: inline-block;
       width: 41px;
       height: 24px;
       background: url(img/spritecow.png) -5px -30px;
       cursor: pointer;
   }
   
   .lastR .email {
       height: 24px;
       width: 324px;
       /* background: olivedrab; */
       float: right;
   }
   
   .lastR .email input {
       border: none;
       height: 24px;
       float: left;
       width: 283px;
   }
   
   .footer {
       height: 100px;
       background: #e7e7e7;
       position: relative;
   }
   
   .footer-con {
       width: 79%;
       /* background: #fff; */
       margin: 0 auto;
       height: 100px;
       border-top: 1px solid #b0b0b0;
       padding-top: 18px;
       box-sizing: border-box;
   }
   
   .footL p {
       color: #313131;
       font-size: 14px;
       line-height: 20px;
   }
   
   .footL {
       float: left;
   }
   
   .footR {
       float: right;
   }
   
   .footR img {
       display: inline;
       margin-right: 57px;
       cursor: pointer;
   }
   
   .code {
       position: absolute;
       bottom: -102px;
       width: 100px;
       height: 100px;
       right: -1px;
   }
   
   .wechat {
       position: relative;
   }